<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8"/>
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <title>我房人</title>
  <link rel="stylesheet" type="text/css" href="../css/reset.css"/>
  <link rel="stylesheet" type="text/css" href="../css/common.css"/>
  <link rel="stylesheet" type="text/css" href="../css/style.css"/>
  <link rel="stylesheet" type="text/css" href="../css/swiper.min.css"/>
  <link rel="stylesheet" type="text/css" href="../css/animate.min.css"/>
  <link rel="stylesheet" type="text/css" href="../css/main.css"/>

  <style>
    #leftsead{width:84px;height:143px;position:fixed;top:258px;right:0px;z-index: 9999}
    *html #leftsead{margin-top:258px;position:absolute;top:expression(eval(document.documentElement.scrollTop));}
    #leftsead li{width:84px;height:60px;}
    #leftsead li img{float:right;}
    #leftsead li a{height:49px;float:right;display:block;min-width:47px;max-width:131px;}
    #leftsead li a .shows{display:block;}
    #leftsead li a .hides{margin-right:-143px;cursor:pointer}
    #leftsead li a.youhui .hides{display:none;position:absolute;right:190px;top:2px;}
  </style>
</head>

<body>
<!--头部开始-->
<div class="top-bar clearfix">
  <div class="fl cheng"></div>
  <div class="fl gray"></div>
</div>
<div class='top '>
  <div class="normal-size top-box">
    <div class="head clearfix">
      <!--logo开始-->
      <div class="logo fl"><img src="../images/logo.jpg" alt=""></div>
      <!--logo结束-->
          <!--导航栏开始-->
          <div class="nav-bar fl">
            <ul class="clearfix">
              <li class="fl nav-item on"><a href="index.html">首页</a></li>
              <li class="fl nav-item"><span class="border-nav">|</span></li>
              <li class="fl nav-item ac ">
                <a href="news.html">我房要闻</a>
                <img class="arrow-d" src="../images/arrow-d.jpg" alt="">
                <ul class="nav-item-s-box">
                  <li class="nav-item-s"><a href="#">我房动态</a></li>
                  <li class="nav-item-s"><a href="#">政府关怀</a></li>
                  <li class="nav-item-s"><a href="#">爱心行动</a></li>
                </ul>
              </li>
              <li class="fl nav-item"><span class="border-nav">|</span></li>
              <li class="fl nav-item"><a href="wf-history.html">我房大事记</a></li>
              <li class="fl nav-item"><span class="border-nav">|</span></li>
              <li class="fl nav-item ac">
                <a href="xueyaun.html">我房学院</a>
                <img class="arrow-d" src="../images/arrow-d.jpg" alt="">
                <ul class="nav-item-s-box">
                  <li class="nav-item-s"><a href="#">旅策视野</a></li>
                  <li class="nav-item-s"><a href="#">Q版楼市</a></li>
                  <li class="nav-item-s"><a href="#">销售技巧</a></li>
                  <li class="nav-item-s"><a href="#">职场技能</a></li>
                  <li class="nav-item-s"><a href="#">知识分享</a></li>
                </ul>
              </li>
              <li class="fl nav-item"><span class="border-nav">|</span></li>
              <li class="fl nav-item ac">
                <a href="#">关于我们</a>
                <img class="arrow-d" src="../images/arrow-d.jpg" alt="">
                <ul class="nav-item-s-box">
                  <li class="nav-item-s"><a href="company.html">公司简介</a></li>
                  <li class="nav-item-s"><a href="honour.html">资质信誉</a></li>
                </ul></li>
              <li class="fl nav-item"><span class="border-nav">|</span></li>
              <li class="fl nav-item"><a href="joinus.html">加入我们</a></li>
              <li class="fl nav-item"><span class="border-nav">|</span></li>
              <li class="fl nav-item"><a href="suggest.html">投诉建议</a></li>
        </ul>
      </div>
      <!--导航栏结束-->

      <!--搜索开始-->
      <div class="search-box fl"><input type="text">
        <div class="search-icon"></div>
        <img src="../images/search-icon.png" alt=""></div>
      <!--搜索结束-->
      <div class="fr"><img src="../images/geyan.jpg" alt=""></div>

    </div>
  </div>
</div>
<!--头部结束-->

<!--轮播图开始-->
<div class="banner-box">
  <div class="swiper-container swiper-container1">
    <div class="swiper-wrapper">
      <a href="#" class="swiper-slide"><img src="../images/index-banner-01.jpg" alt=""></a>
      <a href="#" class="swiper-slide"><img src="../images/index-banner-01.jpg" alt=""></a>
      <a href="#" class="swiper-slide"><img src="../images/index-banner-01.jpg" alt=""></a>
    </div>
    <div class="swiper-pagination"></div>
  </div>
</div>
<!--轮播图结束-->

<!--公司介绍开始-->
<div class="index-intro">
  <div class="normal-size intro-box clearfix">
    <div class="fl intro-txt">
      <h2>我房网，致力打造海南旅居全产业链服务平台</h2>
      <p>
        我房网（www.wofang.com）创立于2009年12月，是海南房地产O2O商务模式的开创者，是海南互联网十大领军企业之一，也是商
        务部评定的电子商务示范企业。我房网秉承“科技改变行业，服务创造价值”的使命，践行“向善利他”的核心企业文化，致力于构
        造海南旅居服务全产业链，业务范围涵盖房屋买卖、租赁、托管、装修、度假等旅居全过程。<a href="#">［详情］</a>
      </p>
    </div>
    <div class="fr p-shu">
      <p id="shuliang">3682</p>
    </div>
  </div>
</div>
<!--公司介绍结束-->

<!--我房故事开始-->
<div class="story-wf normal-size clearfix">
  <!--左边轮播开始-->
  <div class="fl story-banner">
    <div class="t-box clearfix">
      <img src="../images/gushi-t.jpg" alt="" class="fl t-img">
      <a href="#" class="read-more fr">更多 >></a>
    </div>
    <div class="sm-banner-box" >
      <div class="swiper-container" id="swiper-container2">
        <div class="swiper-wrapper">
          <a href="#" class="swiper-slide"><img src="../images/index_banner.jpg" alt=""></a>
          <a href="#" class="swiper-slide"><img src="../images/index_banner.jpg" alt=""></a>
          <a href="#" class="swiper-slide"><img src="../images/index_banner.jpg" alt=""></a>
        </div>
        <div class="swiper-button-prev swiper-button-prev1"></div>
        <div class="swiper-button-next swiper-button-next1"></div>
      </div>
    </div>
  </div>
  <!--左边轮播结束-->
  <!--右边news开始-->
  <div class="titlelist story-new fr" style="margin-top: 5px">
    <img src="../images/story.png">
    <ul>
      <li>
        <a href="#">
          <i></i>
          <p>别了，雾霾君！置业三亚畅享新鲜畅享新鲜畅享新鲜置</p>
          <em>01-02</em>
        </a>
      </li>
      <li>
        <a href="#">
          <i></i>
          <p>别了，雾霾君！置业三亚畅享新鲜</p>
          <em>01-02</em>
        </a>
      </li>
      <li>
        <a href="#">
          <i></i>
          <p>别了，雾霾君！置业三亚畅享新鲜</p>
          <em>01-02</em>
        </a>
      </li>
      <li>
        <a href="#">
          <i></i>
          <p>别了，雾霾君！置业三亚畅享新鲜</p>
          <em>01-02</em>
        </a>
      </li>
      <li>
        <a href="#">
          <i></i>
          <p>别了，雾霾君！置业三亚畅享新鲜</p>
          <em>01-02</em>
        </a>
      </li>
      <li>
        <a href="#">
          <i></i>
          <p>别了，雾霾君！置业三亚畅享新鲜</p>
          <em>01-02</em>
        </a>
      </li>
      <li>
        <a href="#">
          <i></i>
          <p>别了，雾霾君！置业三亚畅享新鲜</p>
          <em>01-02</em>
        </a>
      </li>
      <li>
        <a href="#">
          <i></i>
          <p>别了，雾霾君！置业三亚畅享新鲜</p>
          <em>01-02</em>
        </a>
      </li>
      <li>
        <a href="#">
          <i></i>
          <p>别了，雾霾君！置业三亚畅享新鲜</p>
          <em>01-02</em>
        </a>
      </li>
      <li>
        <a href="#">
          <i></i>
          <p>别了，雾霾君！置业三亚畅享新鲜</p>
          <em>01-02</em>
        </a>
      </li>
    </ul>
    <a href="#" class="morelink" style="margin-top: 7px">查看更多</a>
  </div>
  <!--右边news结束-->
</div>
<!--我房故事结束-->

<!--爱心开始-->
<div class="story-wf normal-size clearfix">
  <!--左边轮播开始-->
  <div class="fl story-banner">
    <div class="t-box clearfix">
      <img src="../images/aixin-t.jpg" alt="" class="fl t-img">
      <a href="#" class="read-more fr">更多 >></a>
    </div>
    <div class="sm-banner-box" style="height: 235px">
      <div class="swiper-container" id="swiper-container3">
        <div class="swiper-wrapper">
          <a href="#" class="swiper-slide"><img src="../images/gongyi_item_01.jpg" alt="">
            <p>2017-11 我房人月刊</p></a>
          <a href="#" class="swiper-slide"><img src="../images/gongyi_item_01.jpg" alt="">
            <p>2017-11 我房人月刊</p></a>
          <a href="#" class="swiper-slide"><img src="../images/gongyi_item_01.jpg" alt="">
            <p>2017-11 我房人月刊</p></a>
          <a href="#" class="swiper-slide"><img src="../images/gongyi_item_01.jpg" alt="">
            <p>2017-11 我房人月刊</p></a>
          <a href="#" class="swiper-slide"><img src="../images/gongyi_item_01.jpg" alt="">
            <p>2017-11 我房人月刊</p></a>
          <a href="#" class="swiper-slide"><img src="../images/gongyi_item_01.jpg" alt="">
            <p>2017-11 我房人月刊</p></a>
        </div>
        <div class="swiper-button-prev swiper-button-prev2"></div>
        <div class="swiper-button-next swiper-button-next2"></div>
      </div>
    </div>
  </div>
  <!--左边轮播结束-->
  <!--右边news开始-->
  <div class="titlelist fr story-new ">
    <img src="../images/message.png">
    <ul>
      <li>
        <a href="#">
          <span class="first">1</span>
          <p>别了，雾霾君！置业三亚畅享新鲜</p>
          <em>01-02</em>
        </a>
      </li>
      <li>
        <a href="#">
          <span class="second">2</span>
          <p>别了，雾霾君！置业三亚畅享新鲜</p>
          <em>01-02</em>
        </a>
      </li>
      <li>
        <a href="#">
          <span class="third">3</span>
          <p>别了，雾霾君！置业三亚畅享新鲜</p>
          <em>01-02</em>
        </a>
      </li>
      <li>
        <a href="#">
          <span>4</span>
          <p>别了，雾霾君！置业三亚畅享新鲜</p>
          <em>01-02</em>
        </a>
      </li>
      <li>
        <a href="#">
          <span>5</span>
          <p>别了，雾霾君！置业三亚畅享新鲜</p>
          <em>01-02</em>
        </a>
      </li>
    </ul>
    <div class="story-box"><img src="../images/story.jpg" alt="" style="margin-top: 18px ;margin-bottom: 0"></div>
  </div>
  <!--右边news结束-->
</div>
<!--我爱心结束-->

<!--网站列表开始-->
<div id="box">
  <ul>
    <li style="background: url('../images/wf.jpg') no-repeat"><a href="#"></a></li>
    <li style="background: url('../images/fm.jpg') no-repeat"><a href="#"></a></li>
    <li style="background: url('../images/wfzs.jpg') no-repeat"><a href="#"></a></li>
    <li style="background: url('../images/nlw.jpg') no-repeat"><a href="#"></a></li>
    <li style="background: url('../images/wdj.jpg') no-repeat"><a href="#"></a></li>
  </ul>
</div>
<!--网站列表结束-->

<!--月刊开始-->
<div class="story-wf normal-size clearfix">
  <!--左边轮播开始-->
  <div class="fl story-banner" style="width: 1220px">
    <div class="t-box clearfix">
      <img src="../images/monthly.jpg" alt="" class="fl t-img">
      <a href="#" class="read-more fr">更多 >></a>
    </div>
    <div class="sm-banner-box" style="height: 294px">
      <div class="swiper-container" id="swiper-container4">
        <div class="swiper-wrapper">
          <a href="#" class="swiper-slide"><img src="../images/gongyi_item_01.jpg" alt="">
            <p>2017-11 我房人月刊</p></a>
          <a href="#" class="swiper-slide"><img src="../images/gongyi_item_01.jpg" alt="">
            <p>2017-11 我房人月刊</p></a>
          <a href="#" class="swiper-slide"><img src="../images/gongyi_item_01.jpg" alt="">
            <p>2017-11 我房人月刊</p></a>
          <a href="#" class="swiper-slide"><img src="../images/gongyi_item_01.jpg" alt="">
            <p>2017-11 我房人月刊</p></a>
          <a href="#" class="swiper-slide"><img src="../images/gongyi_item_01.jpg" alt="">
            <p>2017-11 我房人月刊</p></a>
          <a href="#" class="swiper-slide"><img src="../images/gongyi_item_01.jpg" alt="">
            <p>2017-11 我房人月刊</p></a>
        </div>
        <div class="swiper-button-prev swiper-button-prev4"></div>
        <div class="swiper-button-next swiper-button-next4"></div>
      </div>
    </div>
  </div>
  <!--左边轮播结束-->
</div>
<!--月刊结束-->

<!--广告开始-->
<div class="normal-size ad-news">
  <a href="#"> <img src="../images/ad_news.jpg" alt=""></a>
</div>
<!--广告结束-->

<!--右边悬浮框开始-->
<div id="leftsead">
  <ul>
    <li><a href="http://www.jq22.com/"><img src="../images/ll01.png" width="131" height="49" class="hides"/><img src="../images/l01.png" width="47" height="49" class="shows" /></a></li>
    <li><a href="http://www.jq22.com/"><img src="../images/ll03.png" width="131" height="49"  class="hides"/><img src="../images/l03.png" width="47" height="49" class="shows" /></a></li>
    <li><a href="tencent://message/?uin=800027897&Site=test315.nesky.cn&Menu=yes"><img src="../images/ll04.png" width="131" height="49" class="hides"/><img src="../images/l04.png" width="47" height="49" class="shows" /></a></li>
    <li><a href="http://www.jq22.com/"><img src="../images/ll05.png" width="131" height="49" class="hides"/><img src="../images/l05.png" width="47" height="49" class="shows" /></a></li>
    <li><a id="top_btn"><img src="../images/ll06.png" width="131" height="49" class="hides"/><img src="../images/l06.png" width="47" height="49" class="shows" /></a></li>
  </ul>
</div>
<!--右边悬浮框结束-->

<!--尾部开始-->
<div class="footer">
  <div class="footer-top normal-size clearfix">
    <!--底部导航开始-->
    <div class="footer-nav-bar fl">
      <ul class="nav-ul clearfix">
        <li class="f-nav-item fl"><a href="#">关于我们</a></li>
        <li class="f-nav-item fl"><span>|</span></li>
        <li class="f-nav-item fl"><a href="#">我房荣誉</a></li>
        <li class="f-nav-item fl"><span>|</span></li>
        <li class="f-nav-item fl"><a href="#">联系我们</a></li>
        <li class="f-nav-item fl"><span>|</span></li>
        <li class="f-nav-item fl"><a href="#">品牌识别</a></li>
        <li class="f-nav-item fl"><span>|</span></li>
        <li class="f-nav-item fl"><a href="#">我房大事记</a></li>
      </ul>
    </div>
    <!--底部导航开始-->

    <!--底部联系电话开始-->
    <p class="f-tel fr">客服热线：<span>0898-66668989</span></p>
    <!--底部联系电话结束-->


  </div>
  <div class="footer-middle">
    <!--二维码开始-->
    <ul class="erweima-box normal-size clearfix">
      <li class="fl"><img src="../images/erweima_01.jpg" alt=""></li>
      <li class="fl"><img src="../images/erweima_02.jpg" alt=""></li>
      <li class="fl"><img src="../images/erweima_03.jpg" alt=""></li>
      <li class="fl"><img src="../images/erweima_04.jpg" alt=""></li>
      <li class="fl erweima-btn"><p>收起二维码 <img src="../images/logo_59.png" alt=""></p></li>
      <li class="fl"><img src="../images/erweima_05.jpg" alt=""></li>
      <li class="fl"><img src="../images/erweima_06.jpg" alt=""></li>
      <li class="fl"><img src="../images/erweima_07.jpg" alt=""></li>
      <li class="fl" style="margin-right: 0"><img src="../images/erweima_08.jpg" alt=""></li>
    </ul>
    <!--二维码结束-->
  </div>
  <div class="footer-bottom">
    <div class="normal-size erweima-box">
      <div class="erweima-btn">展开二维码 <img src="../images/logo_71.png" alt=""></div>
    </div>
    <div class="b-box normal-size">
      <p>我房官网：www.wofang.com</p>
      <p>总部地址：海口市龙昆南路金霖花园别墅（海南特区报对面）7栋</p>
      <p>版权所有 Copyright @ All Rights Reserved&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;海南我房地产顾问有限公司&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;琼ICP备14000112号-2&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a
        href="#" style="color: #fff">http://www.wofang.com</a></p>
    </div>
  </div>
</div>
<!--尾部结束-->
<script src="../js/jquery-1.11.1.min.js"></script>
<script src="../js/common.js"></script>
<script src="../js/swiper.min.js"></script>
<script src="../js/swiper.animate.min.js"></script>

<script>
  var mySwiper1 = new Swiper('.swiper-container1', {
    direction: 'horizontal',
    loop: true,
    autoplay:true,

    // 如果需要分页器
    pagination: {
      el: '.swiper-pagination',
      type: 'bullets'

    },
    paginationClickable: true

  });
  var mySwiper2 = new Swiper('#swiper-container2', {
    direction: 'horizontal',
    loop: true,
    autoplay: 5000,
    navigation: {
      nextEl: '.swiper-button-next1',
      prevEl: '.swiper-button-prev1'
    }

  });
  var mySwiper3 = new Swiper('#swiper-container3', {
    direction: 'horizontal',
    loop: true,
    autoplay: 5000,
    slidesPerView: 4,
    navigation: {
      nextEl: '.swiper-button-next2',
      prevEl: '.swiper-button-prev2',
    },
    spaceBetween: 20
  });
  var mySwiper4 = new Swiper('#swiper-container4', {
    direction: 'horizontal',
    loop: true,
    slidesPerView: 5,
    autoplay: 5000,
    navigation: {
      nextEl: '.swiper-button-next4',
      prevEl: '.swiper-button-prev4',
    },
    spaceBetween: 20
  });

  /*/!*计时器*!/
   var timer = window.setTimeout(function(){
   var shu = $('#shuliang').html();
   for (var i =0,){

   }
   $('#shuliang').html(shu)
   },10000)*/

</script>
<script type="text/javascript">
  $(function () {
    $("#subjects .g-wrap .item-1 .p2").css("left", "350px");
    $("#subjects .g-wrap .item-1 .p2").css("top", "21px");
  })

  // 滑块控制
  $(function() {
    var speed=500;
    $("#box li").hover(function() {
      $(this).stop().animate({width:"490px"},speed).siblings().stop().animate({width:180.5},500)// 当鼠标移动到li上，当前变600 其余的兄弟变90
    }, function() {
      $("#box li").stop().animate({width:"244px"},500);
      // 鼠标离开的时候，快速复原
    });

  });

  /*右侧*/
  $(document).ready(function(){

    $("#leftsead a").hover(function(){
      if($(this).prop("className")=="youhui"){
        $(this).children("img.hides").show();
      }else{
        $(this).children("img.hides").show();
        $(this).children("img.shows").hide();
        $(this).children("img.hides").animate({marginRight:'0px'},'slow');
      }
    },function(){
      if($(this).prop("className")=="youhui"){
        $(this).children("img.hides").hide('slow');
      }else{
        $(this).children("img.hides").animate({marginRight:'-143px'},'slow',function(){$(this).hide();$(this).next("img.shows").show();});
      }
    });

    $("#top_btn").click(function(){if(scroll=="off") return;$("html,body").animate({scrollTop: 0}, 100);});

  });


</script>
</body>

</html>